﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<!-- #BeginTemplate "main.html.dwt" -->
<head>
<!-- #BeginEditable "doctitle" -->
<title>Dashboard</title>
<!-- #EndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="imagetoolbar" content="no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="alternate" type="application/rss+xml" title="RSS feed" href="/rss" />
<link type="text/css" rel="stylesheet" href="themes/default/css/screen.css" media="screen, projection" />
<link type="text/css" rel="stylesheet" href="themes/default/css/print.css" media="print" />
<script type="text/javascript" src="themes/default/js/lib/modernizr-plus-has-flash.min.js"></script>
<script type="text/javascript">

(function() {
	var a = ['section', 'article', 'nav', 'header', 'footer' , 'aside'];
    for (var i = 0, j = a.length; i < j; i++) {
        document.createElement(a[i]);
    }
})();

</script>
</head>
<body>
<!-- #BeginEditable "body" -->
<div class="top-bar">
	<div class="content">
		<div class="user-info">
			<a href="#">Logout</a>
			<span>Welcome thomaspeng@gmail.com</span>
		</div>
	</div>
</div>
<div id="page-wrapper">
	<div id="page">
	
		<HEADER>
			<div class="brand">
				<h1>
					<a href="#" title="">
						LOGO
					</a>
				</h1>
			</div>
			<nav class="primary">
				<ul>
					<li><a href="#" title="">Home</a></li>
					<li><a href="#" title="">Store</a></li>
					<li><a href="#" title="">Community</a></li>
					<li><a href="#" title="">Tools</a></li>
					<li><a href="#" title="">Help Center</a></li>
				</ul>
			</nav>
			<div class="global-search">
				<input type="text" placeholder="Search Lesson & Dictionary" />
				<input type="submit" value="SEARCH" />
			</div>
		</HEADER>
			
		<div id="body">

	
			<div class="content">
				<div class="breadcrumb dashboard-menu">
					<ul>
						<li><a href="#">Dashboard</a></li>

						<li><a href="#">Browse Lessons</a></li>

						<li><a href="#">Newest Lessons</a></li>
					</ul>
				</div>
	
				<div class="banner">
					<div class="banner-content">
						<p>This is a press board or advertisement board placeholder, the text will be from the CMS(backend). If there is any news or ADs then this placeholder will be invisible, content below will be automatically pushed up.</p>
					</div>
				</div>
				<div class="main-wrap">
				
					<section class="main">
						<div class="my-courses">
							<div class="my-profile">
								<h2>My Courses</h2>
								<ul class="completion">
									<li style="background-image:url('themes/default/img/completion-icon01.png');">0 Lessons Complete</li>
									<li style="background-image:url('themes/default/img/completion-icon02.png');">0 Series Complete</li>

								</ul>
								<p class="suggestion">It looks like you need to get started speaking today.</p>
							</div>
							<div class="my-profile-image">
								<img src="media/profile-img.jpg" width="70" height="70" />
							</div>
						</div>
						<div class="lessons-list">
							<table>
								<tr class="alt">
									<td class="tier1">
										<a class="level" href="#">Any</a>
										-
										<span class="lesson-link">
											<a class="lesson-link" href="#">All About the Lesson Content</a>
											<div class="lesson-preview">
												<div>
													<div class="image">
														<img src="media/haojiubujian.jpg" width="150" height="100" />
													</div>
													<div class="text">
														<p>This is a press board or advertisement board placeholder, the text will be from the CMS(backend)...</p>
													</div>
												</div>
											</div>
										</span>
									</td>
									<td class="comment">
										<span>(11)</span>
									</td>
									<td class="tier2">
										<a class="full-lesson" href="#">see full lesson</a>
									</td>
								</tr>
								<tr>
									<td>
										<a class="level" href="#">Any</a>
										-
										<span class="lesson-link">
											<a class="lesson-link" href="#">All About the Lesson Content</a>
											<div class="lesson-preview">
												<div>
													<div class="image">
														<img src="media/haojiubujian.jpg" width="150" height="100" />
													</div>
													<div class="text">
														<p>This is a press board or advertisement board placeholder, the text will be from the CMS(backend)...</p>
													</div>
												</div>
											</div>
										</span>

									</td>
									<td class="comment">
										<span>(11)</span>
									</td>
									<td class="tier2">
										<a class="full-lesson" href="#">see full lesson</a>
									</td>
								</tr>
								<tr class="alt">
									<td>
										<a class="level" href="#">Any</a>
										-
										<span class="lesson-link">
											<a class="lesson-link" href="#">All About the Lesson Content</a>
											<div class="lesson-preview">
												<div>
													<div class="image">
														<img src="media/haojiubujian.jpg" width="150" height="100" />
													</div>
													<div class="text">
														<p>This is a press board or advertisement board placeholder, the text will be from the CMS(backend)...</p>
													</div>
												</div>
											</div>
										</span>

									</td>
									<td class="comment">
										<span>(11)</span>
									</td>
									<td class="tier2">
										<a class="full-lesson" href="#">see full lesson</a>
									</td>
								</tr>
								<tr>
									<td>
										<a class="level" href="#">Any</a>
										-
										<span class="lesson-link">
											<a class="lesson-link" href="#">All About the Lesson Content</a>
											<div class="lesson-preview">
												<div>
													<div class="image">
														<img src="media/haojiubujian.jpg" width="150" height="100" />
													</div>
													<div class="text">
														<p>This is a press board or advertisement board placeholder, the text will be from the CMS(backend)...</p>
													</div>
												</div>
											</div>
										</span>

									</td>
									<td class="comment">
										<span>(11)</span>
									</td>
									<td class="tier2">
										<a class="full-lesson" href="#">see full lesson</a>
									</td>
								</tr>
								<tr class="alt">
									<td>
										<a class="level" href="#">Any</a>
										-
										<span class="lesson-link">
											<a class="lesson-link" href="#">All About the Lesson Content</a>
											<div class="lesson-preview">
												<div>
													<div class="image">
														<img src="media/haojiubujian.jpg" width="150" height="100" />
													</div>
													<div class="text">
														<p>This is a press board or advertisement board placeholder, the text will be from the CMS(backend)...</p>
													</div>
												</div>
											</div>
										</span>

									</td>
									<td class="comment">
										<span>(11)</span>
									</td>
									<td class="tier2">
										<a class="full-lesson" href="#">see full lesson</a>
									</td>
								</tr>

							</table>
						</div>
						<div class="comment">
							<div class="conversations">
								<h2>Conversations</h2>
								<ul>
									<li><a href="#" class="active">Latest</a></li>
									<li><a href="#">Replies to Me</a></li>
									<li><a href="#">Post a Message</a></li>
								</ul>
							</div>
							<div class="comment-list">
								<ul>
									<li class="title">
										<div class="author">
											<span>Last by</span>
										</div>
										<div class="text">
											<span>Comment</span>
										</div>
									</li>

									<li>
										<div class="author">
											<div class="image">
												<img src="media/author.png" width="41" height="41" />
											</div>
											<a class="name" href="#">jennyzhu</a>
											<span class="time">5 hours ago</span>
										</div>
										<div class="text">
											<a class="relative-text" href="#">Intermediate -Lesson Brainstorming</a>
											<p>Thank you so much for your support over the years!</p>
										</div>
									</li>
									<li class="alt">
										<div class="author">
											<div class="image">
												<img src="media/author.png" width="41" height="41" />
											</div>
											<a class="name" href="#">jennyzhu</a>
											<span class="time">5 hours ago</span>
										</div>
										<div class="text">
											<a class="relative-text" href="#">Intermediate -Lesson Brainstorming</a>
											<p>Thank you so much for your support over the years!</p>
										</div>
									</li>
									<li>
										<div class="author">
											<div class="image">
												<img src="media/author.png" width="41" height="41" />
											</div>
											<a class="name" href="#">jennyzhu</a>
											<span class="time">5 hours ago</span>
										</div>
										<div class="text">
											<a class="relative-text" href="#">Intermediate -Lesson Brainstorming</a>
											<p>谢谢，我真是百感交集。</p>
										</div>
									</li>
									<li class="alt">
										<div class="author">
											<div class="image">
												<img src="media/author.png" width="41" height="41" />
											</div>
											<a class="name" href="#">jennyzhu</a>
											<span class="time">5 hours ago</span>
										</div>
										<div class="text">
											<a class="relative-text" href="#">Intermediate -Lesson Brainstorming</a>
											<p>Thank you so much for your support over the years!</p>
										</div>
									</li>

								</ul>
							</div>
							<a href="#" class="all-coversations">View all coversations &gt;&gt;</a>
						</div>
					
					</section>
					<aside class="primary">
						<div class="grid">
							<h3>My Subscription</h3>
							<div class="expired">
								<p>Your 7-Day Free Trial Expired</p>
								<a href="#" class="update">Upgrade Now</a>
							</div>
						</div>
						<div class="grid">
							<h3>My Level</h3>
							<div class="level">
								<select class="level">
									<option value="beginner">Beginner</option>
									<option value="intermedium">Intermedium</option>
									<option value="advanced">Advanced</option>
								</select>
							</div>
						</div>
						<div class="grid">
							<h3>Quick Links</h3>
							<div class="quick-links">
								<ul>
									<li style="background-image:url('themes/default/img/quick-link-01.png');"><a href="#">Browse Lessons</a></li>
									<li style="background-image:url('themes/default/img/quick-link-02.png');"><a href="#">My Account</a></li>
									<li style="background-image:url('themes/default/img/quick-link-03.png');"><a href="#">Flashcards</a></li>
									<li style="background-image:url('themes/default/img/quick-link-04.png');"><a href="#">Wordbank</a></li>
									<li style="background-image:url('themes/default/img/quick-link-05.png');"><a href="#">Favorite Lesson</a></li>
									<li style="background-image:url('themes/default/img/quick-link-06.png');"><a href="#">More Study Tools</a></li>
								</ul>
							</div>
						</div>

					</aside>
				</div>
			</div>
		</div>
		
		
		<footer>
			<nav class="footer-nav">
				<ul>
					<li><a href="#" title="">Home</a></li>
					<li><a href="#" title="">Store</a></li>
					<li><a href="#" title="">Community</a></li>
					<li><a href="#" title="">Tools</a></li>
					<li><a href="#" title="">Help Center</a></li>
				</ul>

			</nav>
			<div class="social-link">
<span class='st_facebook_hcount' displayText='Facebook'></span>
<span class='st_twitter_hcount' displayText='Tweet'></span>
<span class='st_googleplus_hcount' displayText='Google +'></span>
			</div>
		</footer>	
	</div>
</div>
		
<!-- #EndEditable -->
<script type="text/javascript"  src="themes/default/js/lib/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="themes/default/js/live/dev.debug.js"></script>
<!-- <script type="text/javascript" src="themes/default/js/live/prod.min.js"></script> -->
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "ur-a7238e7-7fc2-53ee-47bc-d0696acaf9bd"}); </script>
</body>
<!-- #EndTemplate -->
</html>